<page-header *ngIf="device$ | async as device"
             [breadcrumb]="breadcrumb"
             [tab]="tab"
             [title]="device.deviceName">
    <ng-template #breadcrumb>
        <nz-breadcrumb>
            <nz-breadcrumb-item><a [routerLink]="'/deviceManager/devices'">设备管理</a></nz-breadcrumb-item>
            <nz-breadcrumb-item><a>设备详情</a></nz-breadcrumb-item>
        </nz-breadcrumb>
    </ng-template>

    <ng-template #tab>
        <nz-tabset [nzSize]="'default'">
            <nz-tab nzTitle="设备信息">
                <app-device-view-info [deviceId]="device.id"></app-device-view-info>
            </nz-tab>
            <nz-tab nzTitle="分成信息">
                <app-device-view-bonus [device]="device"></app-device-view-bonus>
            </nz-tab>
            <nz-tab nzTitle="补货记录">
                <app-device-view-replenishment [deviceId]="device.id"></app-device-view-replenishment>
            </nz-tab>
            <nz-tab nzTitle="事件记录">
                <app-device-view-log [deviceId]="device.id"></app-device-view-log>
            </nz-tab>
            <!--            <nz-tab *ngFor="let m of menus" [nzTitle]="m.title"></nz-tab>-->
        </nz-tabset>
    </ng-template>
</page-header>

<!--<ng-template appViewHost></ng-template>-->
